<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Login</title>
    <style>
        #form-div {
            width: 500px;
            background-color: lightcyan;
            margin: 150px auto;
            padding: 30px;
        }
        #form-div .ele {
            width: 300px;
            margin: 20px auto 0;
            text-align: center;
        }
    </style>
</head>
<body>

<!--
        1、要求
            校验  用户名     必须是汉字
            校验  手机       必须合法
            校验  身份证ID   必须合法
       2、 非法有文字提示
            不能提交表单数据
-->
<form id="frmLogin" action="success.html" method="post">
    <div id="form-div">
        <div class="ele">
            <label>用户姓名:</label>
            <input type="text" name="uname" id="uname">
            <div id="nameMsg" style="color: red"></div>
        </div>
        <div class="ele">
            <label>用户手机号码:</label>
            <input type="text" name="phone" id="phone">
            <div id="phoneMsg" style="color: red"></div>
        </div>

        <div class="ele">
            <label>用户的身份证ID:</label>
            <input type="text" name="idCard" id="idCard">
            <div id="idCardMsg" style="color: red"></div>
        </div>

        <div class="ele">
            <input type="button" value="实名认证" onclick="check()">
        </div>
    </div>
</form>

<script>

    function check(){


        //拿到表单 提交数据
        document.querySelector("#frmLogin").submit()
    }

</script>

</body>
</html>